/*
 * 2018-07-15 00：00：24
 * HQS
 * 
 * 战队主页
 * */
            

.pc{width: 100%;position: relative;padding-top: 102px;}
/*头部导航菜单*/
.pc .top{height: 102px; position:fixed;top: 0;left: 0;border-bottom: 1px #000 solid;
		-webkit-box-shadow:0 0  10px 1px #040404;  
		-moz-box-shadow:0 0  10px 1px #040404;  
		box-shadow:0 0  10px 1px #040404;z-index: 10;}
.pc .top .top_div{display: block;width: 1158px;height: inherit;margin: 0 auto;}
.pc .top .top_div a.logo{display: block; float: left;width: 162px; margin-top: 19px;}
.pc .top .top_div a.logo img{display: block; width: 100%;}
.pc .top .top_div ul{float: right;width: 606px; height: inherit;}
.pc .top .top_div ul li{display: inline-block; float: left;width:80px;
						height: inherit;line-height: 102px;text-align: center;}
.pc .top .top_div ul li a{display: inline-block;width:inherit; color: #eb8b00;
							height: inherit;line-height: inherit;font-size: 16px;}
.pc .top .top_div ul li a:hover{border-top: 2px #eb8b00 solid; background: #e6e6e6;}


.pc .main{width: 100%;min-width: 1158px;}

/*顶部海报*/
.pc .banner{height: 780px;position: relative;}
.pc .banner .banner_bg{display: block;width: 100%;height: 158px;position: absolute;left: 0;z-index: 0;}
.pc .banner .banner_bg1{top: 0px;  background: url(../img/banner_1.jpg) no-repeat center center;}
.pc .banner .banner_bg2{top: 158px;background: url(../img/banner_2.jpg) no-repeat center center;}
.pc .banner .banner_bg3{top: 316px;background: url(../img/banner_3.jpg) no-repeat center center;}
.pc .banner .banner_bg4{top: 474px;background: url(../img/banner_4.jpg) no-repeat center center;}
.pc .banner .banner_bg5{top: 632px;height: 148px;background: url(../img/banner_5.jpg) no-repeat center center;}

.pc .banner .banner_content{display: block;width: 1158px;height: 780px;margin: 0 auto;padding-top: 200px;position: relative;}
.pc .banner .banner_content .banner_character{display: block;width: 594px;height: 179px;
											margin-left: 81px;}
.pc .banner .banner_content .banner_android_app{display: block;width: 323px;height: 84px;
											margin-left: 55px;margin-top: 117px; position: relative;}
.pc .banner .banner_content .banner_android_app .banner_qr_code{display: none;width: 206px; height: 206px;
															border-radius: 8px; padding-top: 4px;
															position: absolute;top: 0; left: 351px;}
.pc .banner .banner_content .banner_android_app .banner_qr_code p{display: block; width: 100%; color: #d58505;text-align: center;
															  height: 43px;line-height:43px;font-size: 24.28px;}
.pc .banner .banner_content .banner_android_app .banner_qr_code img{display: block;width: 140px; margin: 0 auto;}
.pc .banner .banner_content .banner_android_app:hover .banner_qr_code{display: block;}

.pc .banner .banner_content .banner_ios_app{display: block;width: 323px;height: 84px;
											margin-left: 55px;margin-top: 38px;}



/*战队排行*/
.pc .standings{height: 244px; padding-top: 32px;background: #CA4206;}
.pc .standings .standings_div{display: block;width:1158px;height: 180px;margin: 0 auto;background: #A8A8A8;}




/*明星战队*/
.pc .TopGamer{height: 748px;position: relative;
			background: #D58505;}
.pc .TopGamer .TopGamer_div{ width: 1158px;height: inherit;}
/*直播视频*/
.pc .TopGamer .sinatv{width: 50%;height: inherit;background: #E6E6E6;float: left;}

/*赛事竞猜*/
.pc .TopGamer .guess{width: 50%;height: inherit;background: #F00;float: right;}





/*明星队长*/
.pc .StarCaptain{height: 518px;background: #D58505;}
.pc .StarCaptain .StarCaptain_div{display: block; width: 1158px; height: 498px;margin: 10px auto;}
/*战队榜*/
.pc .StarCaptain .edg{width: 50%;height: inherit;background: #794d4d;float: left;}
/*赛事榜*/
.pc .StarCaptain .Competition{width: 50%;height: inherit;background: #00e6ff;float: right;}





/*联系我们*/
.pc .about{height: 465px;background: #fff;}
.pc .about .about_main{display: block;width:1158px;height: 380px;margin: 0 auto; padding-top: 57px;position: relative;}
.pc .about .about_main p{color: #000;display: block;}
.pc .about .about_main .about_title{width: 100%; font-size: 45.6px;height: 45.6px;line-height: 45.6px;margin-bottom: 20px; text-align: center;}
.pc .about .about_main .about_describe{width: 100%; font-size: 20.85px;height: 20.85px;line-height: 20.85px;margin-bottom: 37px;text-align: center;}

.pc .about .about_main .about_address{display: inline-block;width: 375px;height: 196px;float: left;margin-right: 50px;}
.pc .about .about_main .about_address p{font-size: 16.33px;margin-bottom: 5px;}


#qq::-webkit-inner-spin-button,#mobile::-webkit-inner-spin-button,#contact_number::-webkit-inner-spin-button { -webkit-appearance: none!important; ; }
#qq,#mobile,#contact_number{ appearance: textfield;
							-moz-appearance: textfield;
							-webkit-appearance: textfield; }
#qq:hover,#mobile:hover,#contact_number:hover{ appearance: textfield;
												-moz-appearance: textfield;
												-webkit-appearance: textfield; }
.pc .about .about_main form .form_right{display: inline-block;width: 301px;height: inherit;margin-right: 22px;float: left;}
.pc .about .about_main form .form_right #content{min-width: 302px;max-width: 302px; color: #a8a8a8;font-size: 13.54px;
												margin-bottom: 10px;min-height: 79px;max-height: 79px;
												line-height: 32px;
												border: 1px #eca234 solid;padding-left: 7px;}

.pc .about .about_main form .form_right #contact_submit{width: 302px;height: 34px; color: #fff;font-size: 11.94px;
										  height: 32px; line-height: 32px;text-align: center;
										  background: #e88901;-webkit-tap-highlight-color:transparent;}
.pc .about .about_main form .form_right #contact_submit:hover{background: #cc7700;}

.pc .about ul.foot{display: block;width: 290px;height: 20px;margin: 20px auto 10px;clear: both;}
.pc .about ul.foot li{display: block;float: left;height: 20px;}
.pc .about ul.foot li:nth-of-type(1){border-right: 1px #4b4b4b solid;}
.pc .about ul.foot li:nth-of-type(2){border-right: 1px #4b4b4b solid;}
.pc .about ul.foot li a{display: block; color: #000;font-size: 15.4px;height: 20px;line-height: 20px;
								margin-left: 22px;margin-right: 22px;}
.pc .about ul.foot li a:hover{background: #CCCCCC;}
.pc .about .provider{display: block; color: #000; width: 100%;font-size: 16.72px;text-align: center;}



.pc #com_d { cursor: pointer;  width: 90px; height: 90px;border: 0px;
		 margin: 0px; padding: 0px;
		 position: fixed; right: 40px; bottom: 40px;
		 background: url("../img/top.png") no-repeat center center; z-index: 999; }
.pc #com_d:hover { background: url("../img/top.png") no-repeat center center; }




/*弹窗提示*/

.pop_up_prompts,.toastInfo{display:none;position:absolute;width:100%;
			text-align:center;font-size:1rem;height:30px;line-height:30px;color:#fff;}
.pop_up_prompts span,.toastInfo span{background-color:#a5a3a3;display:inline-block;border-radius:5px;padding:0px 10px;}
.toastInfo{bottom: 35px;}
.pop_up_prompts{bottom: 160px;}

/*PC端样式   结束*/





/*
 * 以下为【移动端】样式
 * 2018-07-16
 * HQS
 * */

/*顶部个人信息*/
.head{padding-top: 0.7rem;}
.information{width: 96%;margin: 0 auto 0.5rem;background: #fff;}
.information .info_left{width: 82%;float: left;}
.information .info_left .info_left_top{width: 100%;margin-bottom: 0.5rem;}
.information .info_left .info_left_top>div{float: left;}
.information .info_left .info_left_top img{vertical-align: middle;}

.information .info_left .info_left_top .icon_head{display: block; width: 38%;border-radius: 50%;position: relative;}
.information .info_left .info_left_top .icon_head .headPortrait{display: block; width: 80%;margin: 1rem auto 0rem;border-radius: 50%;}
.information .info_left .info_left_top .icon_head span{display: block; width: 100%;height: 2rem;line-height: 2rem;text-align: center;font-size: 0.8rem;}
.information .info_left .info_left_top .icon_head .source{display: block; width: 30%;position: absolute;top: 0.5rem;right: 0rem;}

.information .info_left .info_left_top .title{color: #000;font-size: 1rem;font-weight: 600;width: 62%;height: 1.3134rem;
											  margin-top: 1.5rem;text-align: left;margin-bottom: 0.5rem;}
.information .info_left .info_left_top .title .gender{float: left;width: 0.8rem;margin-right: 0.5rem;margin-top: 3.92px;}
.information .info_left .info_left_top .title p{float: left;margin-right: 0.5rem;line-height: 1.3134rem;}
.information .info_left .info_left_top .title .diadema{float: left;width: 1.2rem;}
.information .info_left .info_left_top .gameList{width: 62%;color: #666;font-size: 0.7rem;height: 2rem;line-height: 2rem;}
.information .info_left .info_left_top .gameList img{width: 1.2rem;margin-right: 0.3rem;    vertical-align: text-bottom;}
.information .info_left .info_left_top .gameList span{font-size: 0.7rem;}
.information .info_left .info_left_top .signature{color: #666;width: 60%;font-size: 0.7rem;max-height: 2rem;overflow-y: scroll;}
.information .info_left .info_left_top .signature img{width: 1.2rem;margin-right: 0.3rem;float: left;margin-right: 0.3rem;}
.information .info_left .info_left_top .signature span{font-size: 0.7rem;}

.information .info_left .info_left_bottom{width: 92%;border-top: 1px #ededed solid;padding-top: 1rem;margin: 0 auto 0.5rem;}
.information .info_left .info_left_bottom p{width: 50%;float: left;text-indent: 0.3rem;color: #666;font-size: 0.7rem;margin-bottom: 0.3rem;}
.information .info_left .info_left_bottom p img{width: 1rem;vertical-align: middle;margin-right: 0.6rem;}
.information .info_left .info_left_bottom p:nth-of-type(1) img{margin-right: 0.3rem;}
.information .info_left .info_left_bottom p span{color: #999;margin-left: 0.5rem;}

/*公开招募*/
.information .info_right{width: 18%;height: 2rem;float: right;margin-top: 1rem;position: relative;}
.information .info_right p{font-size: 0.7rem; color: #000;width: 7rem;height: 2rem;line-height: 2rem;
						   position: absolute;top: 0.3rem;right: 0rem;font-weight: 600;}
.information .info_right p a{display: inline-block;border-radius: 0.55rem;float: right; position: relative;overflow: hidden;
							 width: 3rem;height: 1.4rem;line-height: 1.4rem;margin-top: 0.4rem;margin-right: 0.3rem;}


.information .info_right p a .span{display: block;width: 100%;height: 1.2rem;position: absolute;top: 0.05rem;border-radius: 0.55rem;}
.information .info_right p a .span span{display: block;font-weight: 600;height: 1.1rem;
										transform: scale(0.75);
										-o-transform: scale(0.75); 	/* Opera */
										-ms-transform: scale(0.75); 	/* IE 9 */
										-moz-transform: scale(0.75); 	/* Firefox */
										-webkit-transform: scale(0.75); /* Safari 和 Chrome */}

.information .info_right p a .ONmove{ background: #adadad;}
.information .info_right p a .ONmove span{text-indent: 1.5rem;color: #fff;}

.information .info_right p a .OFFmove{background: #53b0fd;}
.information .info_right p a .OFFmove span{text-indent: 0.2rem;color: #0f3e63;}

.information .info_right p a .Abutton{display: block; width: 1.3rem;height: 1.3rem;border-radius: 50%;
									  position: absolute;top: 0rem; border: 1px #a1a1a1 solid;
									  background: -webkit-linear-gradient(#fff, #f1f1f1); /* Safari 5.1 - 6.0 */
								      background: -o-linear-gradient(#fff, #f1f1f1); /* Opera 11.1 - 12.0 */
								      background: -moz-linear-gradient(#fff, #f1f1f1); /* Firefox 3.6 - 15 */
								      background: linear-gradient(#fff, #f1f1f1); /* 标准的语法（必须放在最后） */}

.information .info_right p a.open .ONmove{ left: -100%;}
.ONgo1{animation:ONgo1 0.1s;
	  -webkit-animation:ONgo1 0.1s; /* Safari and Chrome */}
@keyframes ONgo1{from {left:-100%;}
				  to {left:0%;}}
@-webkit-keyframes ONgo1{from {left:-100%;}
						to {left:0%;}/* Safari and Chrome */}

.information .info_right p a.close .ONmove{ left: 0%;}
.ONgo2{animation:ONgo2 0.1s;
	  -webkit-animation:ONgo2 0.1s; /* Safari and Chrome */}
@keyframes ONgo2{from {left:0%;}
				  to {left:-100%;}}
@-webkit-keyframes ONgo2{from {left:0%;}
						to {left:-100%;}/* Safari and Chrome */}

.information .info_right p a.open .OFFmove{left: 0%;}
.OFFgo1{animation:OFFgo1 0.1s;
	  -webkit-animation:OFFgo1 0.1s; /* Safari and Chrome */}
@keyframes OFFgo1{from {left:0%;}
				  to {left:100%;}}
@-webkit-keyframes OFFgo1{from {left:0%;}
						to {left:100%;}/* Safari and Chrome */}

.information .info_right p a.close .OFFmove{left: 100%;}
.OFFgo2{animation:OFFgo2 0.1s;
	  -webkit-animation:OFFgo2 0.1s; /* Safari and Chrome */}
@keyframes OFFgo2{from {left:100%;}
				  to {left:0%;}}
@-webkit-keyframes OFFgo2{from {left:100%;}
						to {left:0%;}/* Safari and Chrome */}


.information .info_right p a.open .Abutton{left: 1.7rem;}
.AbuttonGo1{animation:AbuttonGo1 0.1s;
	  -webkit-animation:AbuttonGo1 0.1s; /* Safari and Chrome */}
@keyframes AbuttonGo1{from {left:0rem;}
				  to {left:1.7rem;}}
@-webkit-keyframes AbuttonGo1{from {left:0rem;}
						to {left:1.7rem;}/* Safari and Chrome */}

.information .info_right p a.close .Abutton{left: 0rem;}
.AbuttonGo2{animation:AbuttonGo2 0.1s;
	  -webkit-animation:AbuttonGo2 0.1s; /* Safari and Chrome */}
@keyframes AbuttonGo2{from {left:1.7rem;}
				  to {left:0rem;}}
@-webkit-keyframes AbuttonGo2{from {left:1.7rem;}
						to {left:0rem;}/* Safari and Chrome */}


.information .info_right .attention{font-size: 0.7rem; color: #fff;width: 4rem;height: 1.6rem;line-height: 1.6rem;
									position: absolute;top: 0.3rem;right: 1rem;font-weight: 600;
									background: #007AFF;border-radius: 0.1rem;border: none;font-family: initial;}

/*关注*/
.information .info_right .focuson{width: 6rem;height: 2rem;line-height: 2rem;text-align: center;background: #488afd;
									position: absolute;top: 0.3rem;right: 1rem;color: #fff;border-radius: 0.1rem;font-size: 0.6rem;}

/*成员管理*/
.management .dissolve{float: right;color: #fff;border-radius: 0.1rem;height:1.8rem;line-height: 1.8rem;
					  background: #488afd;font-size: 0.6rem;font-weight: 500;margin-top: 0.35rem;padding: 0rem 2rem;}
.management .content{width: 100%;}
.management .content .swiper-container{width: 84%;margin: 0.8rem auto 0rem;position: relative;overflow: hidden;}
.management .content .swiper-container .swiper-slide{float: left;}
.management .content .game{display: block;margin-bottom: 1rem;}

.management .content .game a{display: block;width: 72%;margin: 0 auto;}
.management .content .game img{width: 100%; border-radius: 50%;border: 1px #d5d5d5 solid;}
.management .content .game p{width: 100%;text-align: center;}
.management .content .game .name{height: 1.5rem;line-height: 1.5rem;color: #606060;font-size: 0.8rem;}
.management .content .game .position{height: 1rem;line-height: 1rem;color: #929292;font-size: 0.6rem;}
.management .content .game .buttonManage{display: block;width: 72%; color: #fff;height:1.6rem;line-height: 1.6rem;
										  background: #488afd;font-size: 0.6rem;font-weight: 500;border-radius: 0.1rem;
										  margin: 0.25rem auto 0;border: none;}
.management .content .game .captainWidth{width: 0;}
.pagination{width: 16%!important;margin: 0 auto 0.5rem;color: #929292;}

.management .content .ButtonStyle{position: absolute;top: 84%;width: 2rem;}
.management .content .ButtonStyle img{width: 100%;}
.management .content .AleftButton{left: 0%;}
.management .content .ArightButton{right: 0%;}

/*赛事管理*/
.OFFICIALS .events{width: 96%;margin: 0.5rem auto 0.8rem;background: #fff;}
.OFFICIALS .events .eventsMain{width: 80%;position: relative;float: left;}
.OFFICIALS .events .eventsMain p{height: 1.5rem;line-height: 1.5rem;}
.OFFICIALS .events .eventsMain p img{vertical-align: middle;margin-right: 0.2rem;}
.OFFICIALS .events .eventsMain .EventsBanner{display: block; width: 95%;margin: 0 auto 0.5rem;}
.OFFICIALS .events .eventsMain .description{width: 90%;height: 2.5rem;line-height:2.5rem;padding-left: 0.6rem;
											font-size: 0.7rem;color: #515151;font-weight: 600;}
.OFFICIALS .events .eventsMain .description img{display: inline-block;margin-right: 0.5rem;width: 10%;}

.events .money,.events .time,.events .number,.events .condition{float: left;width: 50%;font-size: 0.7rem;color: #999;text-indent: 0.4rem;padding-left: 1.2rem;}
.events .money img,.events .time img,.events .number img,.events .condition img{width: 1rem;}

.OFFICIALS .events .eventsMain .condition span{display: inline-block; width: 0.8rem;height:0.8rem;margin-right: 0.2rem;vertical-align: middle;}

.OFFICIALS .events .eventsMain .category{width: 0px;height: 0px;
										 border-left: 2rem solid transparent;
										 border-right: 0px solid transparent;
										 border-top: 2rem solid red;
										 position: absolute;top: 0rem;right: 0rem;}
.OFFICIALS .events .eventsMain .category span{color: #fff;width: 1.6rem;height: 1.6rem;font-size: 9px;position: absolute;top: -34px;right: 0px;
											  transform: scale(0.75) rotate(45deg);
										      -o-transform: scale(0.75) rotate(45deg);   /* Opera */
											  -ms-transform: scale(0.75) rotate(45deg); 	/* IE 9 */
											  -moz-transform: scale(0.75) rotate(45deg); 	/* Firefox */
										      -webkit-transform: scale(0.75) rotate(45deg);/* Safari 和 Chrome */}
.OFFICIALS .events a{display: block; width: 20%;height: 6rem;line-height: 6rem; color: #fff;text-align: center;float: left;}

.BGcolor1{background: #3DCBEC!important;}
.BGcolor2{background: #aeaeae!important;}


/*战队荣誉*/
		/*有荣誉 开始*/
.personalHonor .events{width: 96%;margin: 0.5rem auto 0.8rem;background: #fff;position: relative;}
.personalHonor .events a{width: 100%;display: block;}
.personalHonor .events .eventsMain{width: 80%;position: relative;float: left;}
.personalHonor .events .eventsMain p{height: 1.5rem;line-height: 1.5rem;}
.personalHonor .events .eventsMain p img{vertical-align: middle;margin-right: 0.2rem;}
.personalHonor .events .eventsMain .EventsBanner{display: block; width: 95%;margin: 0 auto 0.5rem;}
.personalHonor .events .eventsMain .description{width: 90%;height: 2rem;line-height:2rem;padding-left: 0.6rem;
												font-size: 0.7rem;color: #515151;font-weight: 600;}
.personalHonor .events .eventsMain .description img{display: inline-block;margin-right: 0.5rem;width: 10%;}

.personalHonor .events .eventsName{width: 100%;font-size: 0.7rem;color: #999;text-indent: 0.4rem;padding-left: 1.2rem;}
.personalHonor .events .time{width: 100%;font-size: 0.7rem;color: #999;text-indent: 0.4rem;padding-left: 1.2rem;}


.personalHonor .events .trophyx{display: inline-block; width: 20%;color: #fff;text-align: center;}
.personalHonor .events .trophyx img{width: 80%;vertical-align: middle;margin: 1rem auto 0.5rem;}

.recruit{display: block; width: 96%;height: 2.5rem;line-height: 2.5rem;text-align: center;
		 color: #fff;border-radius: 0.1rem;background: #488AFD;margin: 0.5rem auto 0;border: none;}



/*  固定导航 */
.navigation{top: 4rem; bottom: auto;}
.navigation a.aButton{display: block;width: 4.5rem;}
.navigation a.like{margin-top: -1rem;}
.navigation a.aButton img{filter: drop-shadow(0px 5px 2px #ffb749);
						  filter: drop-shadow(0px 5px 2px rgba(255,183,73,0.5));}






/*弹窗  弹出层*/
		/*退出战队*/

		/*申请加入*/
.applyTeam{margin-top: 40%;}
.applyTeam .title{line-height: 4rem;}
.applyTeam .leaveWord{border: 1px #ccc solid;background: #fff;border-radius: 0.2rem;width: 80%;height: 5rem;
					  color: #a2a2a2;font-size: 0.6rem;padding: 0.5rem;line-height: 1.2rem;display: block;margin: 0 auto 4rem;}
		/*解散战队*/
.dissolveTeam{ margin-top: 40%;}
.dissolveTeam .title{line-height: 7rem;}

		/*参赛队员*/
.verify{height: 16rem; margin-top: 26%;padding-top: 1rem;}
.verify .title{line-height: 4rem;}
.verify .numberDiv{position: relative;width: 80%;margin: 0 auto 1rem;}
.verify .numberDiv input{display: block;width: 100%; line-height: 2rem;background: #e5e5e5;border-radius: 0.2rem;font-weight: 600;
						font-size: 0.7rem;text-indent: 0.5rem;color: #787878;border: none;}
.verify .numberDiv .telClear{position:absolute;width:1.5rem;right:0.25rem;top:0.25rem;}

.verify .verifyNumDiv{position: relative;width: 80%;margin: 0 auto 1rem;}
.verify .verifyNumDiv .verifyNum{display: block;width: 50%; line-height: 2rem;background: #e5e5e5;border-radius: 0.2rem;font-weight: 600;
								font-size: 0.7rem;text-indent: 0.5rem;color: #787878;border: none;float: left;}
.verify .verifyNumDiv .codeClear{position:absolute;width:1.5rem;top:0.25rem;left:37%;}
.verify .verifyNumDiv .readonly{display: block;width: 46%; line-height: 1.8rem;background: #fff;border-radius: 0.2rem;font-weight: 600;
								font-size: 0.7rem;color: #787878;border: 2px #787878 solid;float: right;text-align: center;}
		/*参赛队员*/
.takePart{padding-bottom: 4rem;}
.takePart .title{line-height: 4rem;}
.takePart .title span{font-size: 1rem;}
.takePart .title span i{font-style: initial;}
.takePart .content{height: 288px;overflow-y: scroll;}
.takePart .content .selectDiv{width: 80%;height: 3rem; margin: 0rem auto;}
.takePart .content .selectDiv .module{float: left;}
.takePart .content .selectDiv .module1{width: 30%;height: 3rem; background: #fff;}
.takePart .content .selectDiv .module1 .borderDiv{width: 1.6rem;height: 1.6rem; border: 2px #787878 solid;border-radius: 0.1rem;margin: 0.75rem auto;}
.takePart .content .selectDiv .module1 .borderDiv .pitchUp{display: block; width: 86%;height: 86%;border-radius: 0.1rem;
															float: left; margin-top: 7%;margin-left: 7%;}
.moduleBGcolor2{background: #787878;}
.takePart .content .selectDiv .module2{width: 30%; height: inherit;}
.takePart .content .selectDiv .module2 img{display: block;border-radius: 50%;}
.takePart .content .selectDiv .module3{width: 40%; height: inherit;line-height: 3rem;}
.takePart .content .selectDiv .module3 span{display: block; width: 100%;}
.takePart .content .selectDiv input{display: block;width: 100%; line-height: 2rem;background: #e5e5e5;border-radius: 0.2rem;font-weight: 600;
									font-size: 0.7rem;text-indent: 0.5rem;color: #787878;border: none;}
.takePart .buttonDiv{width: 100%;height: 3rem;line-height: 3rem;position: absolute;left: 0;bottom: 0;}
.takePart .buttonDiv button{width: 100%;height: inherit;text-align: center;color: #fff;font-size: 1rem;
							border: none;background: #558efc;}
		/*队员管理*/
.manage{margin-top: 40%;padding-bottom: 3rem;}
.manage .title{line-height: 4rem;}
.manage .content{width: 100%;}
.manage .content .module{width: 100%;height: 3rem;line-height: 3rem;}
.manage .content .module .moduleLeft{width: 20%;height: 3rem;line-height: 3rem;float: left;text-align: center;margin-left: 20%;}
.manage .content .module .moduleLeft input{display: inline-block; width: 1.3rem;height: 1.3rem; line-height: 3rem;vertical-align: middle;}
.manage .content .module .moduleRight{width: 60%;height: 3rem;line-height: 3rem;float: left;text-align: left;}
.manage .content .module .moduleRight label{width: 1rem;line-height: 3rem;color: #3d3d3d;}

.kickOut{display: block;width: 100%;height: 2rem;line-height: 2rem;text-align: center;color: #787878;background: #fff;border: none;}

.manage .buttonDiv{width: 100%;height: 3rem;line-height: 3rem;position: absolute;left: 0;bottom: 0;}
.manage .buttonDiv button{width: 100%;height: inherit;text-align: center;color: #fff;font-size: 1rem;float: left;border: none;}
.manage .buttonDiv .leftButton{background: #558efc;}
		/*分享至*/
.share{bottom: 4rem;}


/*5.5英寸   414*736尺寸的屏幕  如iPhone6 Plus、iPhone6s Plus、iPhone7 Plus、魅族MX5  1920x1080  /3★*/ 
@media only screen and (max-width: 414px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 6.192rem;}
	.information .info_left .info_left_top .title p{max-width: 8rem;}
	.management .content .game img{height: 3.709rem;}
	.management .content .ButtonStyle{top: 65%;}
	.takePart{ margin-top: 26%;}
	.takePart .content .selectDiv .module2 img{width: 49%;margin: 0.3rem auto;}
}
/*5.96英寸  412*732尺寸的屏幕  如谷歌Nexus 6   2K 2560x1440  /3.5★*/
@media only screen and (max-width: 412px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 6.162rem;}
	.information .info_left .info_left_top .title p{max-width: 8rem;}
	.management .content .game img{height: 3.687rem;}
	.management .content .ButtonStyle{top: 66%;}
	.takePart{ margin-top: 26%;}
	.takePart .content .selectDiv .module2 img{width: 50%;margin: 0.3rem auto;}
}
/*5.2英寸   411*731尺寸的屏幕  如 谷歌Nexus 5x   1920x1080  /2.625★*/
@media only screen and (min-width: 376px) and (max-width: 411px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 6.146rem;}
	.information .info_left .info_left_top .title p{max-width: 7.5rem;}
	.management .content .game img{height: 3.676rem;}
	.management .content .ButtonStyle{top: 66%;}
	.takePart{ margin-top: 24%;}
	.takePart .content .selectDiv .module2 img{width: 50%;margin: 0.3rem auto;}
}
/*4.7英寸   375*667尺寸的屏幕  如iPhone6、iPhone7、iPhone 6s   1334x750*/
@media only screen and (min-width: 361px) and (max-width: 375px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 5.608rem;}
	.information .info_left .info_left_top .title p{max-width: 7rem;}
	.management .content .game img{height: 3.341rem;}
	.management .content .ButtonStyle{top: 70%;}
	.takePart{ margin-top: 16%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.1rem auto;}
}
/*4.95英寸  360*640尺寸的屏幕  如 谷歌Nexus 5     1920x1080 /3★*/
@media only screen and (min-width: 321px) and (max-width: 360px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 5.383rem;}
	.information .info_left .info_left_top .title p{max-width: 6rem;}
	.management .content .game img{height: 3.197rem;}
	.management .content .ButtonStyle{top: 73%;}
	.takePart{ margin-top: 12%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.3rem auto;}
}
/*4.0英寸   320*568尺寸的屏幕  如iPhone5、iPhone SE   1136x640*/
@media only screen and (max-width: 320px) {
	.information .info_left .info_left_top .icon_head .headPortrait{height: 4.786rem;}
	.information .info_left .info_left_top .title p{max-width: 4rem;}
	.management .content .game img{height: 2.818rem;}
	.management .content .ButtonStyle{top: 80%;}
	.takePart{ margin-top: 3%;}
	.takePart .content .selectDiv .module2 img{width: 60%;margin: 0.3rem auto;}
}